<!DOCTYPE html>
<html lang="en">
<head>
    <title>Cirquity - Mining Pool</title>
    <meta charset="utf-8">
    <meta name="description" content="A private, fast, and easy way to send money to friends and businesses">
    <meta name="author" content="The Cirquity Developers">
    <meta name="keywords" content="cirq, cirquity, cryptocurrency, private, fast, secure">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="apple-touch-icon" sizes="180x180" href="/img/icons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png">
    <link rel="manifest" href="/img/icons/site.webmanifest">
    <link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#335eea">
    <link rel="shortcut icon" href="/img/icons/favicon.ico">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-config" content="/img/icons/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

    <link rel="stylesheet" href="/css/app.min.css">

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <header>
        <nav class="navbar navbar-expand-lg navbar-light fixed-top justify-content-between py-3 mb-3">
            <div class="container">
                <a class="navbar-brand  translatable" href="/">
                    <img src="/img/logo.png" alt="Cirquity">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                            <a class="nav-link translatable active" href="index.html" data-translate-key="dashboard">Dashboard</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link translatable" href="start.html" data-translate-key="gettingStarted">Getting Started</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownDetails" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-translate-key="details">Details</a>
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownDetails" id="detailsMenu">
                                <a class="dropdown-item translatable" href="statistics.html" data-translate-key="yourStats">My Stats</a>
                                <a class="dropdown-item translatable" href="blocks.html" data-translate-key="poolBlocks">Pool Blocks</a>
                                <a class="dropdown-item translatable" href="payments.html" data-translate-key="payments">Payments</a>
                                <a class="dropdown-item translatable" href="top.html" data-translate-key="top10miners">Top 10 Miners</a>
                                <a class="dropdown-item translatable" href="market.html" data-translate-key="market">Market / Calculator</a>
                                <a class="dropdown-item translatable" href="settings.html" data-translate-key="settings">Settings</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item translatable" href="faq.html" data-translate-key="faq">FAQ</a>
                            </div>
                        </li>
                        <li class="nav-item ml-md-4" id="langSelector"></li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    <main>
        <section id="statistics" class="statistics">
            <div class="container">
                <div class="row mb-5" id="mainPoolStats"></div>
                <div class="row mb-5" id="networkStats"></div>
                <div class="row" id="poolDetails"></div>
            </div>
        </section>

        <section id="charts" class="charts bg-light">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 mb-4">
                        <div class="card card-border shadow-light">
                            <div class="card-header font-weight-bold no-border text-muted">
                                <h6 class="m-0" data-translate-key="hashRate">Hash Rate</h6>
                            </div>
                            <div class="card-body">
                                <div id="chartHashrate" data-chart="hashrate">
                                    <div class="chart"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 mb-4">
                        <div class="card card-border shadow-light">
                            <div class="card-header font-weight-bold no-border text-muted">
                                <h6 class="m-0" data-translate-key="difficulty">Difficulty</h6>
                            </div>
                            <div class="card-body">
                                <div id="chartDifficulty" data-chart="diff">
                                    <div class="chart"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 mb-4 mb-md-0">
                        <div class="card card-border shadow-light">
                            <div class="card-header font-weight-bold no-border text-muted">
                                <h6 class="m-0" data-translate-key="miners">Miners</h6>
                            </div>
                            <div class="card-body">
                                <div id="chartMiners" data-chart="miners">
                                    <div class="chart"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 mb-4 mb-md-0">
                        <div class="card card-border shadow-light">
                            <div class="card-header font-weight-bold no-border text-muted">
                                <h6 class="m-0" data-translate-key="workers">Workers</h6>
                            </div>
                            <div class="card-body">
                                <div id="chartWorkers" data-chart="workers">
                                    <div class="chart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <script id="mainPoolTemplate" type="text/x-handlebars-template">
            <div class="col-12">
                <div class="card shadow-light">
                    <div class="card-header font-weight-bold text-muted">
                        <h6 class="m-0" data-translate-key="mainPool">Main Pool</h6>
                    </div>
                    <div class="card-group card-border">
                        <div class="card">
                            <div class="card-body">
                                <div class="list-group list-group-flush">
                                    <div class="list-group-item d-flex align-items-center">
                                        <div class="mr-auto">
                                            <h5 class="font-weight-bold mb-1">
                                                <span id="poolHashrate">N/A</span> <span class="text-success">(<em id="hashPower">0%</em>)</span>
                                            </h5>
                                            <p class="font-size-sm text-muted mb-0" data-translate-key="poolPropHashrate">Prop hashrate</p>
                                        </div>
                                    </div>
                                    <div class="list-group-item d-flex align-items-center">
                                        <div class="mr-auto">
                                            <h5 class="font-weight-bold mb-1" id="blocksTotal{{coin}}">Prop: {{blocks}} &mdash; Solo: {{blocksSolo}}</h5>
                                            <p class="font-size-sm text-muted mb-0" data-translate-key="blocksTotal">Blocks found</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card border-left-md">
                            <div class="card-body">
                                <div class="list-group list-group-flush">
                                    <div class="list-group-item d-flex align-items-center">
                                        <div class="mr-auto">
                                            <h5 class="font-weight-bold mb-1">
                                                <span id="poolHashrateSolo">N/A</span> <span class="text-success">(<em id="hashPowerSolo">0%</em>)</span>
                                            </h5>
                                            <p class="font-size-sm text-muted mb-0" data-translate-key="poolSoloHashrate">Solo hashrate</p>
                                        </div>
                                    </div>
                                    <div class="list-group-item d-flex align-items-center">
                                        <div class="mr-auto">
                                            <h5 class="font-weight-bold mb-1" id="blocks-found-every"><span id="blockSolvedTime">N/A</span> <span class="text-secondary">(<em data-translate-key="estimated">estimated</em>)</span></h5>
                                            <p class="font-size-sm text-muted mb-0" data-translate-key="blockSolvedTime">Blocks found every</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card border-left-md">
                            <div class="card-body">
                                <div class="list-group list-group-flush">
                                    <div class="list-group-item d-flex align-items-center">
                                        <div class="mr-auto">
                                            <h5 class="font-weight-bold mb-1" id="currentEffort{{coin}}">{{effort}}</h5>
                                            <p class="font-size-sm text-muted mb-0" data-translate-key="currentEffort">Current effort</p>
                                        </div>
                                    </div>
                                    <div class="list-group-item d-flex align-items-center">
                                        <div class="mr-auto">
                                            <h5 class="font-weight-bold mb-1" id="poolLastBlockFound"></h5>
                                            <p class="font-size-sm text-muted mb-0" data-translate-key="lastBlock">Last block</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </script>
        <script id="siblingTemplate" type="text/x-handlebars-template">
            <div class="col-12" id="networkStats{{coin}}">
                <div class="card shadow-light border-success">
                    <div class="card-header font-weight-bold text-muted">
                        <h6 class="m-0">{{symbol}}</h6>
                    </div>
                    <div class="card-group card-border">
                        <div class="card">
                            <div class="card-body">
                                <div class="list-group list-group-flush">
                                    <div class="list-group-item d-flex align-items-center">
                                        <div class="mr-auto">
                                            <h5 class="font-weight-bold mb-1" id="networkHashrate{{coin}}">N/A</h5>
                                            <p class="font-size-sm text-muted mb-0" data-translate-key="networkHashrate">Network hashrate</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card border-left-md">
                            <div class="card-body">
                                <div class="list-group list-group-flush">
                                    <div class="list-group-item d-flex align-items-center">
                                        <div class="mr-auto">
                                            <h5 class="font-weight-bold mb-1" id="networkDifficulty{{coin}}"></h5>
                                            <p class="font-size-sm text-muted mb-0" data-translate-key="networkDifficulty">Difficulty</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card border-left-md">
                            <div class="card-body">
                                <div class="list-group list-group-flush">
                                    <div class="list-group-item d-flex align-items-center">
                                        <div class="mr-auto">
                                            <h5 class="font-weight-bold mb-1" id="blockchainHeight{{coin}}"></h5>
                                            <p class="font-size-sm text-muted mb-0" data-translate-key="blockchainHeight">Blockchain height</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card border-left-md">
                            <div class="card-body">
                                <div class="list-group list-group-flush">
                                    <div class="list-group-item d-flex align-items-center">
                                        <div class="mr-auto">
                                            <h5 class="font-weight-bold mb-1" id="networkLastReward{{coin}}"></h5>
                                            <p class="font-size-sm text-muted mb-0" data-translate-key="networkLastReward">Last reward</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </script>
        <script id="poolDetailTemplate" type="text/x-handlebars-template">
            <div class="col-12">
                <div class="card shadow-light">
                    <div class="card-header font-weight-bold text-muted">
                        <div class="row align-items-center">
                            <div class="col-12 col-md">
                                <h6 class="m-0" data-translate-key="poolDetails">Pool Details</h6>
                            </div>
                            <div class="col-auto mt-3 mt-md-0">
                                <h5 class="mb-0 d-lg-flex align-items-center">
                                    <span class="badge badge-light text-uppercase last-hash" data-translate-key="lastHash">Last hash</span>
                                    <span id="transaction-hash"><a id="lastHash" target="_blank">N/A</a></span>
                                </h5>
                            </div>
                        </div>
                    </div>
                    <div class="card-group card-border">
                        <div class="card">
                            <div class="card-body">
                                <div class="list-group list-group-flush">
                                    <div class="list-group-item d-flex align-items-center">
                                        <div class="mr-auto">
                                            <h5 class="font-weight-bold mb-1">
                                                <span id="poolMiners{{coin}}">Prop: {{miners}} &mdash; Solo: {{minersSolo}}</span>
                                            </h5>
                                            <p class="font-size-sm text-muted mb-0" data-translate-key="propSoloConnectedMiners">Connected miners</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card border-left-md">
                            <div class="card-body">
                                <div class="list-group list-group-flush">
                                    <div class="list-group-item d-flex align-items-center">
                                        <div class="mr-auto">
                                            <h5 class="font-weight-bold mb-1" id="poolFee">N/A</h5>
                                            <p class="font-size-sm text-muted mb-0" data-translate-key="poolFee">Pool fee</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card border-left-md">
                            <div class="card-body">
                                <div class="list-group list-group-flush">
                                    <div class="list-group-item d-flex align-items-center">
                                        <div class="mr-auto">
                                            <h5 class="font-weight-bold mb-1" id="paymentsMinimum">N/A</h5>
                                            <p class="font-size-sm text-muted mb-0" data-translate-key="paymentsMinimum">Minimum payout</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card border-left-md">
                            <div class="card-body">
                                <div class="list-group list-group-flush">
                                    <div class="list-group-item d-flex align-items-center">
                                        <div class="mr-auto">
                                            <h5 class="font-weight-bold mb-1" id="paymentsInterval">N/A</h5>
                                            <p class="font-size-sm text-muted mb-0" data-translate-key="paymentsInterval">Payment interval</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </script>
    </main>

    <footer>
        <div class="container">
            <div class="footer-details row">
                <div class="col-md-6 col-lg-3 footer-widget">
                    <a href="https://cirquity.com"><img src="/img/logo.png" class="logo mb-2" alt="Cirquity"></a>
                    <p class="sub-heading">Private, fast, secure</p>
                </div>
                <div class="col-md-6 col-lg-2 offset-lg-1 footer-widget">
                    <h5 class="widget-title text-uppercase">Resources</h5>
                    <ul class="text-muted">
                        <li><a href="javascript:void(0)" class="text-reset disabled d-none" title="Coming soon">Coin Overview</a></li>
                        <li><a href="javascript:void(0)" class="text-reset disabled d-none" title="Coming soon">How to Trade Coin</a></li>
                        <li><a href="https://medium.com/@cirquity" class="text-reset">Blog News</a></li>
                    </ul>
                </div>
                <div class="col-md-6 col-lg-2 offset-lg-1 footer-widget">
                    <h5 class="widget-title text-uppercase">Quick Links</h5>
                    <ul class="text-muted">
                        <li><a href="https://explorer.cirquity.com" class="text-reset">Block Explorer</a></li>
                        <li><a href="https://pool.cirquity.com" class="text-reset">Main Pool</a></li>
                        <li><a href="javascript:void(0)" class="text-reset disabled d-none" title="Coming soon">Exchange Markets</a></li>
                    </ul>
                </div>
                <div class="col-md-6 col-lg-3 footer-widget pl-lg-5 pl-3">
                    <h6 class="widget-title text-uppercase">Get in touch</h6>
                    <div class="social text-muted">
                        <a href="https://github.com/cirquity" class="github text-reset"><i class="fab fa-github-alt"></i></a>
                        <a href="https://twitter.com/cirquity" class="twitter text-reset"><i class="fab fa-twitter"></i></a>
                        <a href="https://facebook.com/cirquity" class="facebook text-reset"><i class="fab fa-facebook"></i></a>
                        <a href="https://medium.com/@cirquity" class="facebook text-reset"><i class="fas fa-bullhorn"></i></a>
                        <a href="https://t.me/cirquity" class="telegram text-reset"><i class="fab fa-telegram-plane"></i></a>
                        <a href="https://chat.cirquity.com" class="discord text-reset"><i class="fab fa-discord"></i></a>
                        <a href="https://www.reddit.com/r/cirquity" class="reddit text-reset d-none"><i class="fab fa-reddit-alien"></i></a>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="row">
                    <div class="col-lg-4 store-links text-center text-lg-left pb-3 pb-lg-0">
                        <p class="text-muted">&copy; 2020 Cirquity</p>
                    </div>
                    <div class="col-lg-8 text-center text-lg-right">
                        <p class="text-muted">
                            <span data-translate-key="poweredBy">Powered by</span> <a target="_blank" href="https://github.com/dvandal/cryptonote-nodejs-pool">cryptonote-nodejs-pool</a>
                            <span id="poolVersion"></span>
                            <span class="hidden-xs"><span data-translate-key="openSource">open sourced under the</span> <a href="http://www.gnu.org/licenses/gpl-2.0.html">GPL</a></span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!--====== Javascript & Jquery ======-->
    <script src="/config.js"></script>
    <script src="/vendor/jquery/jquery.min.js"></script>
    <script src="/vendor/bootstrap/bootstrap.bundle.js"></script>
    <script src="/vendor/mustache/mustache.min.js"></script>
    <script src="/vendor/timeago/jquery.timeago.js"></script>
    <script src="/vendor/sparkline/jquery.sparkline.min.js"></script>
    <script src="/js/translate.min.js"></script>
    <script src="/js/app.min.js"></script>
    <script src="/js/home.min.js"></script>
</body>
</html>
